.card-container {
  width: 100%;
  height: calc(100vh - 50px);
  min-height: 700px;
  min-width: 1100px;
  overflow: auto;
  // padding-top: 80px;
}

.swiper {
  width: 100%;
  height: vh(680);
  padding: 0 32px;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}

.box-card {
  background-image: url("@/assets/images/cardm-bg.png");
  background-size: vw(1302) vh(534);
  // background-size: cover;
  width: vw(1302);
  height: vh(534);
  .card-main {
    // background-color: aquamarine;
    // width: calc(100% - 30px);
    height: calc(100% - 40px);
    margin: 15px 15px 25px 15px;
    overflow: hidden;
    padding: 20px 24px;

    .card-title {
      height: vh(40);
      font-weight: bold;
      font-size: vh(26);
      border-bottom: 1px dashed #DBDBDB;
      padding-bottom: vh(20);
      display: flex;
      align-items: center;
      .img-view{
        height: vh(30);width: vh(40);  border-radius: vh(20); padding-top: vh(10);  background-color: #EBF3FF;
      }
      .icon{
        height: vh(19);width: vh(19); margin-left: vh(10);
      }
      .content{
        margin-left: vh(20);
      }
    }

    .card-body {
      margin-top: vh(40);
      .sub-item {
        display: flex;
        align-items: center;
        margin-bottom: vh(40);
      }

      .sub-title {
        width: vh(113);
        height: vh(40);
        border-radius: vh(20);
        background: #F5F8F9;
        font-size: vh(16);
        font-family: Microsoft YaHei;
        font-weight: 300;
        color: #0044FE;
        align-items: center;
        line-height: vh(40);
      }
      .jieshao{
        height: vh(178);  display: flex; align-items: center; overflow: auto;
      }
      .sub-content {
        flex: 1;
        font-size: vh(16);
        font-family: Microsoft YaHei;
        font-weight: 300;
        color: #1C1C1C;
        text-align: left;
        margin-left: vh(30);
      }
    }
  }
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}